.block.b_about
{
	display: flex;
	width: 100%;
	padding: 12px;
	justify-content: center;
	align-items: center;
	gap: 30px;
	height: auto;
	position: relative;
	flex-direction: row;
	order: 0;

	.offset
	{
		display: flex;
		flex-direction: column;
		padding: 51px 32px 102px 32px;
		align-items: flex-start;
		gap: 30px;
		flex: 1 1 0%;
		position: relative;
		min-width: 96px;
		border-image-source: url("/wp-content/acftb-content/acftb-blocks/About Us/images/shape-mobile.svg");
		border-image-slice: 24 32 67 64 fill;
		border-image-width: 24px 32px 67px 64px;
		border-image-repeat: stretch;
		min-height: 91px;
		order: 0;

		.container 
		{
			align-items: flex-start;		
			display: flex;
			flex-direction: column;
			gap: 30px;
			width: 100%;
		}
	}

	.title-area
	{
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		gap: 20px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 0;
	}

	h2.title
	{
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 0;
		color: var(--Neutrals-White, #FFF);
		font-family: blinker;
		font-style: normal;
		font-size: 36px;
		font-weight: 400;
		line-height: 40px /* 111% */;
		text-align: center;
	}

	h3.subtitle
	{
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 1;
		color: var(--Neutrals-Light-Gray, #DFDFDF);
		font-family: blinker;
		font-style: normal;
		font-size: 22px;
		font-weight: 400;
		line-height: 26px /* 118% */;
		text-align: center;
	}

	.content-area
	{
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		gap: 40px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 1;
	}

	.thumb
	{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 10px;
		aspect-ratio: 284 / 284;
		overflow: clip;
		background-color: var(--Colors-Neutrals-Deep-Gray, #363636);
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 0;
	}

	.ar5a1785-1
	{
		aspect-ratio: 284 / 284;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		object-fit: cover;
		height: auto;
		order: 0;
	}

	.bottom-area
	{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 40px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 1;
	}

	.text-area
	{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: 20px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 0;
	}

	h4.heading
	{
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 0;
		color: var(--Neutrals-White, #FFF);
		font-family: blinker;
		font-style: normal;
		font-size: 22px;
		font-weight: 400;
		line-height: 26px /* 118% */;
	}

	.details p
	{
		color: var(--Neutrals-Light-Gray, #DFDFDF);
		font-family: "instrument sans";
		font-style: normal;
		font-size: 16px;
		font-weight: 500;
		line-height: 26px /* 163% */;
		letter-spacing: 0.02em;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 1;
	}

	.more-link
	{
		display: flex;
		align-items: center;
		position: relative;
		flex: 0 0 auto;
		flex-direction: row;
		order: 1;
	}

	.content
	{
		display: flex;
		height: 50px;
		padding: 10px 10px 10px 30px;
		justify-content: center;
		align-items: center;
		gap: 2px;
		border-top: 2px solid var(--Colors-Neutrals-Gray, #818181);
		border-bottom: 2px solid var(--Colors-Neutrals-Gray, #818181);
		border-left: 2px solid var(--Colors-Neutrals-Gray, #818181);
		background-color: rgba(255, 255, 255, 0);
		position: relative;
		flex: 0 0 auto;
		flex-direction: row;
		order: 0;
	}

	.cta
	{
		color: var(--Neutrals-White, #FFF);
		font-family: "instrument sans";
		font-style: normal;
		font-size: 18px;
		font-weight: 600;
		line-height: 20px /* 111% */;
		position: relative;
		flex: 0 0 auto;
		order: 0;
	}

	badge-icon
	{
		display: flex;
		flex-direction: column;
		height: 30px;
		padding: 10px;
		justify-content: center;
		align-items: center;
		overflow: clip;
		background-color: rgba(255, 255, 255, 0);
		position: relative;
		flex: 0 0 30px;
		order: 1;

		.icon-team
		{
			width: 26px;
			position: relative;
			flex: 0 0 15px;
			object-fit: cover;
			order: 0;
		}
	}

	badge-icon[data-icon="lightbulb"]
	{
		flex-shrink: initial;
	}

	badge-icon[data-icon="team"]
	{
		flex-shrink: initial;
	}

	badge-icon[data-icon="stories"]
	{
		flex-shrink: initial;
	}

	badge-icon[data-icon="arrow right"]
	{
		flex-shrink: initial;
	}

	badge-icon[data-icon="dollar sign"] .icon-team
	{
		display: none;
	}

	badge-icon[data-icon="lightbulb"] .icon-team
	{
		display: none;
	}

	badge-icon[data-icon="stories"] .icon-team
	{
		display: none;
	}

	badge-icon[data-icon="arrow right"] .icon-team
	{
		display: none;
	}

	.endcap
	{
		position: relative;
		flex: 0 0 12px;
		width: 12px;
		height: 50px;
		object-fit: cover;
		order: 1;
	}

	.endcap.hover
	{
		display: none;
	}

	.more-link:hover
	{
		filter: drop-shadow(0 4px 0 var(--Neutrals-Gray, #818181));

		.content
		{
			background-color: var(--Neutrals-White, #FFF);
			border-top: 2px solid var(--Neutrals-White, #FFF);
			border-bottom: 2px solid var(--Neutrals-White, #FFF);
			border-left: 2px solid var(--Neutrals-White, #FFF);

			.cta
			{
				color: var(--Neutrals-Black, #000);
			}
		}

		.endcap
		{
			display: none;
		}

		.endcap.hover
		{
			display: block;
		}
	}


	/* Media Query for Desktop */
	@media (min-width: 1440px)
	{
		flex-direction: column;
		padding: 154px 0 154px 252px;
		align-items: flex-start;
		gap: 60px;
		order: 0;

		.offset
		{
			padding: 77px 81px;
			gap: 60px;
			flex: 0 0 auto;
			width: 100%;
			border-image-source: url("/wp-content/acftb-content/acftb-blocks/About Us/images/shape-desktop.svg");
			border-image-slice: 100 100 100 100 fill;
			border-image-width: 100px 100px 100px 100px;
			min-width: 200px;
			min-height: 200px;
			order: 0;

			.container
			{
				
			}
		}

		.title-area
		{
			gap: 30px;
			order: 0;
		}

		h2.title
		{
			font-size: 48px;
			line-height: 52px /* 108% */;
			order: 0;
		}

		h3.subtitle
		{
			font-size: 26px;
			line-height: 32px /* 123% */;
			order: 1;
		}

		.content-area
		{
			align-items: center;
			gap: 60px;
			flex: 0 0 456px;
			flex-direction: row;
			order: 1;
		}

		.thumb
		{
			height: 460px;
			aspect-ratio: 460 / 460;
			flex: 0 0 460px;
			order: 0;
		}

		.ar5a1785-1
		{
			width: 460px;
			aspect-ratio: 460 / 460;
			flex: 0 0 460px;
			order: 0;
		}

		.bottom-area
		{
			justify-content: center;
			flex: 1 1 0%;
			min-width: 0;
			order: 1;
		}

		.text-area
		{
			order: 0;
		}

		h4.heading
		{
			font-size: 26px;
			line-height: 30px /* 115% */;
			order: 0;
		}

		p.details
		{
			font-size: 18px;
			line-height: 28px /* 156% */;
			order: 1;
		}

		.more-link
		{
			align-items: flex-start;
			order: 1;
		}

		.content
		{
			order: 0;
		}

		.cta
		{
			order: 0;
		}

		badge-icon
		{
			order: 1;

			.icon-team
			{
				order: 0;
			}
		}

		badge-icon[data-icon="lightbulb"]
		{
			flex-shrink: initial;
		}

		badge-icon[data-icon="team"]
		{
			flex-shrink: initial;
		}

		badge-icon[data-icon="stories"]
		{
			flex-shrink: initial;
		}

		badge-icon[data-icon="arrow right"]
		{
			flex-shrink: initial;
		}

		badge-icon[data-icon="dollar sign"] .icon-team
		{
			display: none;
		}

		badge-icon[data-icon="lightbulb"] .icon-team
		{
			display: none;
		}

		badge-icon[data-icon="stories"] .icon-team
		{
			display: none;
		}

		badge-icon[data-icon="arrow right"] .icon-team
		{
			display: none;
		}

		.endcap
		{
			order: 1;
		}

		.endcap.hover
		{
			display: none;
		}

		.more-link:hover
		{
			filter: drop-shadow(0 4px 0 var(--Neutrals-Gray, #818181));

			.content
			{
				background-color: var(--Neutrals-White, #FFF);
				border-top: 2px solid var(--Neutrals-White, #FFF);
				border-bottom: 2px solid var(--Neutrals-White, #FFF);
				border-left: 2px solid var(--Neutrals-White, #FFF);

				.cta
				{
					color: var(--Neutrals-Black, #000);
				}
			}

			.endcap
			{
				display: none;
			}

			.endcap.hover
			{
				display: block;
			}
		}

	}
}